VsCode 搭建Vue项目（一）

搭建前准备工作

     安装vscode   下载路径：https://code.visualstudio.com/ 

     安装node.js   下载路径：http://nodejs.cn/download/    选择LTS版本，不要使用最新版本，最新版本可能存在问题

node设置：

npm config set prefix "D:\node\node_global"    

npm config set cache "D:\node\node_cache"

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

npm config set disturl https://npm.taobao.org/dist --global

node_global 与node_cache 这两个文件夹一定要修改操作权限，给当前电脑用户加上 读写，否则在执行npm命令时会不允许操作

     注：搭建项目前必须安装node.js

1.安装  vue-cli    （vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目）

vue cli 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。

可以使用下列任一命令安装这个新 vue-cli 3.0.3 的包：
npm install -g @vue/cli
用这个命令来检查其版本是否正确 (3.x)：

 vue -V

2.vue init webpack projectName        projectName是本次创建的项目名称

3.

 3.项目安装成功之后刷新左边菜单，会显示出你创建vue项目

       其中main.js就是入口

4.运行  

   npm run dev

5.项目打包

npm run build