Vue安装配置及搭建项目

Vue安装配置及搭建项目

1.Node.js下载安装：https://nodejs.org/zh-cn/
安装过程中，推荐选择add to path，自动配置环境变量，然后一直next，即可完成安装。
2.检验是否可用：
CMD命令窗口，输入node --version，检验npm是否可用。
CMD命令窗口，输入npm --version，此时有版本号就表示安装成功。

3.安装cnpm
命令行中输入 ：npm install -g cnpm --registry=http://registry.npm.taobao.org，如下图：

安装成功。

4.安装vue-cli 脚手架构建工具–须在全局中进行安装
命令行输入：npm install -g vue-cli，进行脚手架安装。

命令行输入：vue -V，检查是否安装成功。

命令行输入：npm install -g webpack，全局安装webpack。

以上步骤完成后进行vue项目构建。
6.vue项目搭建
首先利用cmd进入你想要的搭建vue项目的主文件夹内

这里我进入F盘的vue文件夹内。

之后利用命令：vue init webpack +项目名来进行项目构建，我的项目名为freshweb：

项目建立过程会出现如下图的选择：

第一项为项目名
第二项为是否为vue项目
第三项创作者名称
第四项推荐选择第一项
第五项是否安装vue -router路由
第六项是否用ESLint来限制你的代码错误和风格一定要选No
第七项是否需要安装单元测试工具Karma+Mocha–可以选择No
第八项选择测试运行方式
第九项是否安装e2e来进行用户行为模拟测试–可以选择No
第十项选择npm

以上几项选择后进行构建项目的等待，完成后进入项目
命令输入npm install
命令输入npm run dev进行项目运行

运行完成，浏览器输入该网址

完成运行