一、环境搭建
1、git工具需要安装好
2、node.js要安装好
3、安装vue-cli 命令为：npm install vue-cli -g（全局安装版本为4.X）
二、命令执行
1、创建项目：vue create project-one
安装选项
通过↑ ↓ 箭头选择你要配置的项，按 空格 是选中，按 a 是全选，按 i 是反选。具体每个配置项表示什么意思在下面会有说明。
配置项
? Check the features neededforyour project: (Press to select, to toggle all, to invert selection)
>( ) Babel //转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。
( ) TypeScript// TypeScript是一个JavaScript（后缀.js）的超集（后缀.ts）包含并扩展了 JavaScript 的语法，需要被编译输出为 JavaScript在浏览器运行
( ) Progressive Web App (PWA) Support// 渐进式Web应用程序
( ) Router // vue-router（vue路由）
( ) Vuex // vuex（vue的状态管理模式）
( ) CSS Pre-processors // CSS 预处理器（如：less、sass）
( ) Linter / Formatter // 代码风格检查和格式化（如：ESlint）
( ) Unit Testing // 单元测试（unit tests）
( ) E2E Testing // e2e（endtoend） 测试
选完之后按 Enter
上文出处：https://www.cnblogs.com/sese/p/11712275.html
2、连接gitLab远程仓库
①需要在gitLab上创建好项目，然后复制好项目的url.
②在本地项目的问价夹中（英文路径），打开git命令操作工具：
1、git init 初始化项目
2、git remote add origin 远程仓库地址
3、git add . 将本地项目添加到暂存区
4、git commit -m '自己提交的描述'
5、git push -u origin master 将项目推送到远程仓库
6、然后创建各自的分支就好，一般是dev、test、release、master.
7、创建好分支后，需要将本地的代码push到远程仓库。
三、在项目中安装各种插件
1、vue-cli3.0以后项目的启动命令为：npm run serve
2、安装路由插件vue-router,安装命令为：npm install vue-router --save,安装好后需要在项目中SRC目录下新建一个router.js的文件，在router.js中需要把自己挂载到vue上，即如下代码实现：
router.js
3、安装状态管理器vuex，安装命令为：npm install vuex --save，安装好后需要在项目中SRC目录下新建一个store.js的文件，在store.js中需要把自己挂载到vue上，即如下代码实现：
store.js
4、安装less,安装命令为：npm install less less-loader --save 等
网友评论