使用vue-cli脚手架建立Vue项目

安装Node.js和npm

请参考Win10环境安装node.js和npm

安装Vue CLI脚手架

安装方法

点击开始 => 运行 => 输入"cmd" => 执行如下命令：
npm install -g @vue/cli

之前是这样安装的：npm install -g vue-cli
新版本的Vue CLI的包名称由vue-cli改为了@vue/cli

检查是否安装成功

vue --version

安装webpack

安装方法

npm install -g webpack

构建项目

先进入到本身的workspace：cd C:\workspace\workspace_vscode
再执行构建项目命令：vue init webpack <项目名>

而后报错了，须要先安装@vue/cli-init

再从新构建，一直卡在这一步了。

ctrl c终止操做。这里我使用的npm源是淘宝镜像（https://registry.npm.taobao.org），因而我把它换回原来的（https://registry.npmjs.org）：
npm config set registry https://registry.npmjs.org
再执行就成功了。

由于刚才把npm源换回去了，若是直接用npm install，速度会很慢，因此这里选择不使用npm，咱们本身来搞。

安装项目所需的依赖包资源

先进到项目目录：cd <项目目录>
而后把npm源换成淘宝镜像，再执行npm install 或者 直接使用cnpm install

运行项目

npm run dev

访问项目

用浏览器访问http://localhost:8080

中止运行项目

ctrl c