搭建
1.全局装置淘宝镜像 (已装置跳过此步)
npm install -g cnpm --registry=https://registry.npm.taobao.org
2.全局装置vue-cli脚手架 (已装置跳过此步)
cli 3.x版本
cnpm install -g @vue/cli
cli 2.x版本
cnpm install -g vue-cli
3.创立我的项目
cli 3.x版本
vue create 我的项目名
cli 2.x版本
vue init webpack 我的项目名
4.设置preset
- babel: js编译器,将 ECMAScript 2015+ 版本的代码转换为向后兼容的js语法
- typescript: 给 JavaScript 增加个性的语言扩大
- Progressive Web App(PWA) Support: 渐进式web应用程序
- router: vue路由
- vuex: vue状态治理
- CSS Pre-processors: CSS预处理(如:scss,less)
- linter/formatter: 代码格调检查和格式化(如:ESlint)
- Unit Testing: 单元测试
- E2E Testing: e2e测试
5.运行
cli 3.x版本
npm run serve
cli 2.x版本
npm run dev
图像化运行
vue ui
6.打包我的项目
npm run build
推送到git
1.git init
2.git add.
3.git commit -m "正文内容"
4.git remote add origin 仓库地址
5.git push -u origin master
发表回复