失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 脚手架 vue-cli(创建项目)

脚手架 vue-cli(创建项目)

时间:2019-09-08 07:12:04

相关推荐

脚手架 vue-cli(创建项目)

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(创建项目)》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。