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
 
 

posted on 2022-03-19 20:00  沫戏回首  阅读(57)  评论(0)    收藏  举报

导航