首先安装node.js
1.在新建的目录中按住shift 鼠标右键，在此处打开命令窗口，版本保证在4.x以上
node -v
2.全局安装vue脚手架
npm install -g vue-cli
同时可以使用vue和vue list 命令查看
3.初始化模板配置和项目名字
vue in IT webpack mycharts
mycharts是项目名
其中有许多需要选择的选项，eslint适合 团队 开发，规范代码之类的，个人开发我喜欢用stylus，所以这个选项我不会选n，其他Y
4.有提示就按enter，需要输入就输入具体参考这下面这张图
5.进入sell项目目录中
shift + 鼠标右键，进入命令窗口，下载依赖包
npm install
6. 启动项 目
npm run dev
ico图标 制作 &nbs p; https://icomoon.io/app/#/select/font
剩下的就按需加载，安装 过程中 ，有时候，第一次安装会报错，重复安装一次就好
安装 babel-polyfill es6-p rom ise
npm install babel-polyfill es6- PR omise - -s ave-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
安装 jq uery
npm install jquery --save-dev
import $ @R_ 360 _2150@ 'jquery'
从gith ub 上down项目vue项目下来的时候，在控制台执行
npm install
之后再运行项目即可
剩下的跟平时开发是一样的了
到此这篇关于 利用 Vue-cli搭建Vue项目框架的教程详解的 文章 就介绍到这了,更多相关Vue-cli搭建Vue项目框架内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！
您可能感兴趣的文章:@H_969_ 126 @ Vue-cli框架实现计时器应用 浅谈Vue CLI 3结合Lerna进行UI框架设计 vue-cli5搭建vue项目的实现步骤 手把手教你Vue-cli项目的搭建 vue-cli4.5.x快速搭建项目 vue-cli3搭建项目的详细步骤
总结
以上是 为你收集整理的 利用Vue-cli搭建Vue项目框架的教程详解 全部内容，希望文章能够帮你解决 利用Vue-cli搭建Vue项目框架的教程详解 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。
查看更多关于利用Vue-cli搭建Vue项目框架的教程详解的详细内容...