脚手架 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.0
2. 全局安装cnpm			
> npm install -g cnpm --registry=https://registry.npm.taobao.org
3. 全局安装@vue-cli		
> cnpm install -g @vue/cli
> vue --version
@vue.cli 4.0.3
4. 创建app01			
> vue create app01
5. 安装依赖			
> cd app01
交互:
	手动
	babel
	package.json
	n
当前目录出现了app01项目
// 安装axios qs
> cnpm install axios qs --save
// 安装element
> vue add element

3、创建angular项目

ng help
ng new 项目名
y
选择一种css预处理语言或css
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值