首先安装node.js
1.在新建的目录中按住shift 鼠标右键,在此处打开命令窗口,版本保证在4.x以上
node -v
2.全局安装vue脚手架
npm install -g vue-cli
同时可以使用vue和vue list 命令查看
3.初始化模板配置和项目名字
vue init webpack mycharts
mycharts是项目名
其中有许多需要选择的选项,eslint适合团队开发,规范代码之类的,个人开发我喜欢用stylus,所以这个选项我不会选n,其他Y
4.有提示就按enter,需要输入就输入具体参考这下面这张图
cool-2018-02-28-利用vue-cli搭建vue项目框架
5.进入sell项目目录中
shift + 鼠标右键,进入命令窗口,下载依赖包
npm install
6启动项目
npm run dev
ico图标制作

剩下的就按需加载,安装过程中,有时候,第一次安装会报错,重复安装一次就好
安装babel-polyfill es6-promise
npm install babel-polyfill es6-promise --save-dev

安装stylus stylus-loader
npm install stylus-loader stylus --save-dev

安装vue-style-loader
npm install vue-style-loader --save-dev

安装css-loader
npm install css-loader --save-dev

安装vuex,全局变量的使用
npm install vuex --save-dev

安装axios,前后台通信框架
npm install axios --save-dev

安装iviewui,第三方框架
npm install iview --save-dev

安装echarts
npm install echarts --save-dev

安装jquery
npm install jquery --save-dev
import $ from 'jquery'
cool-2018-02-28-利用vue-cli搭建vue项目框架
cool-2018-02-28-利用vue-cli搭建vue项目框架
从github上down项目vue项目下来的时候,在控制台执行
npm install
之后再运行项目即可
剩下的跟平时开发是一样的了

相关文章:

  • 2021-08-10
  • 2021-05-29
  • 2022-12-23
  • 2021-09-22
  • 2021-07-06
  • 2021-12-06
猜你喜欢
  • 2021-06-13
  • 2022-12-23
  • 2022-12-23
  • 2023-02-20
  • 2021-09-24
  • 2021-09-08
  • 2022-12-23
相关资源
相似解决方案