Vue入门环境配置
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