Windows环境下使用VSCode搭建Vue项目
2020-10-12 乐帮网
visual code
前提条件：安装VSCode 、Nodejs和git命令行,都是直接下载安装即可，最新版好用。
nodejs在windows上的安装包已经 同步安装npm，需要配置一下环境变量。参考我的文章：
git在windows下的安装使用可以参考我另一篇文章。
1、安装vue命令行，它会提供一系列vue相关命令。以管理员身份运行windows powershell，执行以下命令
npm install -g vue-cli
会出现下载安装提示信息，请等待完成。
2、使用命令行初始化vue项目。
一般我们的操作系统是中文版，输出可能有乱码，可以提前切换一下显示字符集，执行一下命令：
chcp 65001
然后再执行初始化命令
vue init webpack vueproject
会出现一些配置选项，根据需要配置，也可以默认直接按回车，
等待完成后一个基本的 vue项目就搭建完了，下面开始运行项目：
在命令窗口切换到项目根目录下，(其它教程都没有提这回事情)
cd E:\mycode\vueTest\vueproject
直接运行命令
npm run dev
可以看到如图，在浏览器里访问http://localhost:8080/#/可以看到我们项目的页面。
使用以下命令发布正式程序，更多详细操作可以在官网查看相关教程。一个完整的命令顺序
$ npm install -g vue-cli
$ vue init webpack my-project
$ cd my-project
$ npm install
$ npm run dev
关注我的微信公众号
在公众号里留言交流
投稿邮箱：1052839972@qq.com
庭院深深深几许？杨柳堆烟，帘幕无重数。
玉勒雕鞍游冶处，楼高不见章台路。
雨横风狂三月暮。门掩黄昏，无计留春住。
泪眼问花花不语，乱红飞过秋千去。
如果感觉对您有帮助
欢迎向作者提供捐赠
这将是创作的最大动力