Vue-Cli构建项目(032)

Vue-Cli构建项目

前面我已经安装好了cnpm.
1.安装Vue-Cli.
cnpm install vue-cli -g

检查是否成功，vue --version

在项目所在的文件目录里，打开控制台，输入
ps:win10,在目录下打开控制台。
在目录下。
1.按住Shift键，鼠标右键快捷方式，先打开Powershell窗口。
2.输入 start cmd 回车

另：使用vue-cli在控制台创建项目时出现乱码时，在控制台输入：chcp 65001，即可解决问题。

2.项目初始化。

vue init webpack myvue。myvue为项目名。(项目名不能用大写字母)

F:\myVue>vue init webpack myvue

operable program or batch file.
? Project name myvue
? Project description A Vue.js project
? Author lxb
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Set up unit tests No
? Setup e2e tests with Nightwatch? No
? Should we run `npm install` for you after the project has been created? (recommended) npm

   vue-cli · Generated "myvue".

选项：

1. 项目名称
2. 项目描述
3. 项目作者
4. 构建方式
5. 安装vue的路由插件
6. 是否使用ESLint检测你的代码？
7. 是否安装单元测试，建议 : N
8. 是否安装E2E测试框架NightWatch（E2E，也就是End To End，就是所谓的“用户真实场景”。）建议 : N
9. 选择包管理工具，建议 : yes use npm

3.安装项目依赖
cnpm install

4.构建项目开发版本
npm start

成功运行。

4.构建项目生产版本
npm run build

注意：
后边几步操作都是在
下。