Vue构建前端项目

前提条件

1.配置node.js,这个官网下载文件，直接解压即可

2.idea中配置VUS.js插件：在File -> setting ->选择plugins 右侧搜索vue.js下载安装，重启生效

3. 打开cmd窗口，输入 npm install -g cnpm --registry=http://registry.npm.taobao.org，下载安装cnpm，等待成功即可

4. 安装vue-cli，脚手架工具；命令行输入npm install -g vue-cli，等待安装完成即可。

5. 选择自己喜欢的文件夹，创建一个存放Vue项目的文件夹，在cmd窗口中，切换到Vue项目文件夹下，输入vue init webpack firstApp（firstApp是项目名字）

输入命令后，会询问我们几个简单的选项，我们根据自己的需要进行填写就可以了。

• Project name :项目名称 ，如果不需要更改直接回车就可以了。注意：这里不能使用大写，所以我把名称改成了vueclitest
• Project description:项目描述，默认为A Vue.js project,直接回车，不用编写。
• Author：作者，如果你有配置git的作者，他会读取。
• Install vue-router? 是否安装vue的路由插件，我们这里需要安装，所以选择Y
• Use ESLint to lint your code? 是否用ESLint来限制你的代码错误和风格。我们这里不需要输入n（建议），如果你是大型团队开发，最好是进行配置。
• setup unit tests with Karma + Mocha? 是否需要安装单元测试工具Karma+Mocha，我们这里不需要，所以输入n。
• Setup e2e tests with Nightwatch?是否安装e2e来进行用户行为模拟测试，我们这里不需要，所以输入n

等待项目完成构建后，在自己的项目文件加下多出一个文件

6. 从cmd窗口进入到项目文件目录下，输入cnpm install ,进行相关依赖的下载，等待下载完毕后，输入cnpm run dev，即可运行项目。运行完成后，输入项目地址，就是项目主页。

红圈标识就是下载的项目依赖项