vue-cli2创建项目

准备工作
安装node.js后可以通过如下代码配置为使用淘宝的镜像:npm config set registry https://registry.npm.taobao.org
1.安装vue脚手架
npm install -g vue-cli # 只需要第一次安装时执行
2.使用webpack模板创建一个vue项目

vue init webpack my-project 

3.回车确认项目的名称、描述、作者也可修改,选择项目构建方式Runtime+Compiler(运行+编译)回车
vue-cli2创建项目_第1张图片
4.选择需要预安装的东西,如下,然后提示是否要执行npm install命令安装依赖,可选YES, use NPM或NO,
vue-cli2创建项目_第2张图片5.项目创建完成
vue-cli2创建项目_第3张图片
6.cd my-project #进入到项目目录中
7.npm install # 下载依赖(如果在项目创建的最后一步选择了自动执行npm install,则该步骤可以省略)
8.npm run dev # 启动项目
9.cli2项目结构如下
vue-cli2创建项目_第4张图片

你可能感兴趣的:(前端)