1、为什么使用脚手架
1) 模块化机制
2) vue-cli能够进行项目管理
1> 创建并且初始化工程
node_modules:
node_modules用于存放第三方依赖,拷贝项目或者将项目上传到github的时候不需要携带node_modules,node_modules没有任何用处,非常大,并且还需要把它删除重新安装。
public:
public,网页的公共文件,index.html,js将会应用到这个index.html中
vue -build-> js/css -inject->index.html
src:
核心源码目录
components 自定义功能组件
pages 页面组件
App.vue 根组件
main.js 入口文件
assets 资源文件,比如本地图片
package.json
plugins
element.js element配置文件
element-variables.scss 用于修改element风格
2.>测试
自带静态服务器
3>打包
vue -> html/css/js
2、安装脚手架程序
1. 本地安装node> node -v> v 10.16.02. 全局安装cnpm> npm install -g cnpm --registry=https://registry.3. 全局安装@vue-cli> cnpm install -g @vue/cli> vue --version@vue.cli 4.0.34. 创建app01> vue create app015. 安装依赖> cd app01交互:手动babelpackage.jsonn当前目录出现了app01项目// 安装axios qs> cnpm install axios qs --save// 安装element> vue add element
3、创建angular项目
ng helpng new 项目名y选择一种css预处理语言或css
如果觉得《脚手架 vue-cli(创建项目)》对你有帮助,请点赞、收藏,并留下你的观点哦!