专栏名称: mapengfei47
前端开发工程师
目录
相关文章推荐
大河报  ·  员工点评长沙女观众外貌,江苏大剧院通报→ ·  18 小时前  
大河报  ·  员工点评长沙女观众外貌,江苏大剧院通报→ ·  18 小时前  
中国城市报  ·  爱奇艺副总裁发长文道歉!涉事员工将清退 ·  昨天  
LF老乡俱乐部  ·  临汾一原主任张剑被查! ·  2 天前  
51好读  ›  专栏  ›  mapengfei47

Vue基础(十八)vue-cli(Vue脚手架)

mapengfei47  · 掘金  ·  · 2019-09-27 07:56

正文

请到「今天看啥」查看全文


Vue基础(十八)vue-cli(Vue脚手架)

注意:该方法针对于Vue-cli4.0以下的版本

1. 作用

​ 快速创建一个基于webpack模板的项目

2. 安装

  1. 安装webpack :使用npm全局安装 webpack ,打开命令行工具,输入 npm install webpack -g ,安装完成之后,输入 webpack -v 即可查看当前安装版本,出现版本号说明安装成功
  2. **全局安装vue-cli:**在命令行输入 npm install --global vue-cli ,安装完成之后,输入 vue -V 查看当前版本号

3. 使用Vue-cli来构建项目

  1. 新建文件夹Vue,进入文件夹,输入 vue init webpack vue-cli-test ,其中vue-cli-test为新项目文件名

  2. 跳入选择项来进行项目信息填写与确认

    • Project name (baoge): -----项目名称,直接回车,按照括号中默认名字(注意这里的名字不能有大写字母,如果有会报错Sorry, name can no longer contain capital letters),阮一峰老师博客 为什么文件名要小写 ,可以参考一下。







请到「今天看啥」查看全文