安装 cli 命令工具:
1.npm install @vue/cli -g
2.npm install @vue/cli-init -g
(npm install -g @vue/cli @vue/cli-init
)
注:npm uninstall -g @vue/cli 卸载cli
npm install -g @vue/cli@版本号 下载指定版本
安装成功后,使用 vue -V
命令,查看版本号;
使用 vue init webpack myapp
构建一个名为 myapp 的项目:
Vue 依然使用询问的方式,让我们对项目有一个初始化的信息
- Project name:项目名
- Project description: 项目描述
- Author: 作者
- Vue build:
- 第一种:配合大部分的开发人员
- 第二种:仅仅中有runtime
- Install vue-router? 是否安装vue-router
- Use ESLint to lint your code?是否使用ESLint来验证我们的语法。
- Pick an ESLint preser:使用哪种语法规范来检查我们的代码:
- Standard: 标准规范
- Airbnb: 爱彼迎规范
- Set up unit test: 设置单元测试 建议N
- Setup e2e tests: 设置端对端测试 建议N
- Should we run ‘npm install’:要不要帮忙你下载这个项目需要的第三方包
- 使用npm来下载
- 使用yarn来下载
To get started:
cd myapps
npm run dev // 使用命令启动项目
-----
Your application is running here: http://localhost:8080
打开浏览器,访问 http://localhost:8080
看到浏览器的欢迎界面,表示项目运行成功