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
   
vue