下面主要是自己日常vue开发中npm 和yarn两者指令的使用区别:掌握其中的一个的话,使用另外一个几分钟就可以掌握,剩下的主要是指令的区别:
npm指令:
安装所有依赖:npm install
新建项目文件:vue init webpack projectname //vue-cli版本在2.x
vue create projectname //vue-cli版本在3.x
运行程序:npm run dev
格式化代码(规范代码):npm run lint-fix
打包正式:npm run build
yarn指令:
安装所有依赖:yarn / yarn install
运行项目:yarn run serve
打包测试:yarn run build:test
打包正式:yarn run build
运行测试单元:yarn run test
格式化代码(规范代码):yarn run lint
VUE添加插件:
安装vuex包:npm install vuex // yarn add vuex
网络请求:
安装axios包: npm install axios // yarn add axios
Vue的框架ui参考:
移动端使用有赞的vant,PC端使用饿了么的element框架
安装element-ui:npm i element-ui -S // yarn add element-ui
安装mint-ui包:npm i mint-ui -S // yarn mint-ui
安装vant包:npm i vant -S // yarn add vant
Vue图形绘制依赖包:
安装echart包:npm install echarts --save // yarn echarts
预处理器:有三种,sass、less、stylus。
安装sass:yarn add sass-loader node-sass -D