1、node.js
2、cnpm 淘宝镜像
3、cnpm install vue-cli -g
4、vue init webpack myvue 创建一个基于webpack模板的vue应用程序
(
Project name:项目名称,默认 回车 即可
Project description:项目描述,默认 回车 即可
Author:项目作者,默认 回车 即可
Install vue-router:是否安装 vue-router,选择 n 不安装(后期需要再手动添加)
Use ESLint to lint your code:是否使用 ESLint 做代码检查,选择 n 不安装(后期需要再手动添
加)
Set up unit tests:单元测试相关,选择 n 不安装(后期需要再手动添加)
Setup e2e tests with Nightwatch:单元测试相关,选择 n 不安装(后期需要再手动添加)
Should we run npm install for you after the project has been created:创建完成后直接初始
化,选择 n,我们手动执行;运行结果!
)
5、在myvue的目录下执行
npm install
npm run dev
6、安装webpack (为了适配各浏览器,vue默认遵循ES6开发)
npm install webpack -g
npm install webpack-cli -g
7、 安装到当前模块 如果报错就用cnpm 版本兼容性
npm install vue-router@3.5.2 --save-dev
Element UI
npm i element-ui -S
安装SASS加载器 @后面的是要安装的版本
cnpm install sass-loader@7.3.1 node-sass --save-dev
安装axios:
npm install --save vue-axios