关于vue.js:vue-项目的搭建与推送

搭建

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