vue脚手架的创建

一、安装node环境

切换阿里云镜像

npm config set registry https://registry.npm.taobao.org

2、全局安装vue-cli和webpack

已经安装过node.js之后和淘宝镜像的话，vue的运行环境基本上就搭建好了，只需再安装全局的webpack（命令行：npm install webpack -g ）和vue-cli脚手架工具（在命令行里输入：npm install -g vue-cli ）就行了

• npm install --global @vue-cli 是 vue 3.x及更高版本的 手脚架
• npm install --global vue-cli 是 vue 2.x 的 手脚架(此文使用这个)

ps: 命令中的–global 可以更改成为–g

3、进入你的项目目录，创建一个基于 webpack 模板的新项目

vue init webpack vue_demo
连续四次回车，出现下面的

说明：

Vue build ==> 打包方式，回车即可；

Install vue-router ==> 是否要安装 vue-router，项目中肯定要使用到 所以Y 回车；

Use ESLint to lint your code ==> 是否需要 js 语法检测 目前我们不需要 所以 n 回车；

Set up unit tests ==> 是否安装 单元测试工具 目前我们不需要 所以 n 回车；

Setup e2e tests with Nightwatch ==> 是否需要 端到端测试工具 目前我们不需要 所以 n 回车；

③进入项目文件夹：cd mypro (cd + vue init webpack mypro 中的项目名字mypro)，回车进入项目文件夹：

输入： npm install 初始化，安装依赖包node_modules

④安装完成后输入：npm run dev 运行就行了。