vsCode首次加载Vue项目

第一步 环境搭建

1、去微软官网下载vsCode并安装

vsCode官方下载地址：https://code.visualstudio.com/Download/

2、安装nodejs，可自行去官网下载安装，推荐下载LTS稳定版

nodejs下载地址：https://nodejs.org/zh-cn/

3、vsCode安装完成后，安装几个常用的扩展插件：

<1> Chinese (Simplified) Language Pack for Visual Studio Code 中文语言包

<2> GitLens — Git supercharged 增强Git功能

<3> Vetur vsCode的Vue工具，语法、语义高亮显示等

<4> webpack 打包工具

4、关闭vsCode，重新以管理员身份运行vsCode，
5、cmd运行“node -v”检查node是否安装，“npm -v”检查npm是否安装，都已安装进行下一步

6、把文件夹中的项目添加到vsCode中

7、点击终端，输入“npm install”进行安装，这个时间会比较久，耐心等待。安装成功了会有下图输出，如果输出有error，安装失败，可多尝试几次安装，网络差的容易失败，同时，安装完成后，所在项目文件夹内会多出来一个文件夹node_modules，如果没有此文件夹，说明安装未成功。（想操作更丝滑，也可安装这个：终端输入“npm install -g cnpm --registry=https://registry.npm.taobao.org”进行安装）

 

8、安装Git

Git下载地址：https://git-scm.com/download/win

Git中文网地址：http://www.git-scm.com.cn/

第二步 运行调试

npm run serve 启动服务，生成可访问地址，点击地址链接，即可访问。

第三步 打包发布

新建终端，npm run build 编译项目，生成发布包

 

文章的最后，附上一些资源及几个常用扩展插件

vsCode中文网：http://vscode.bianjiqi.net/