图解使用Visual Studio Code创建和运行Vue项目
本篇经验将和大师介绍利用Visual Studio Code建立和运行Vue项目标方式，但愿对大师的工作和进修有所帮忙！
方式/步骤
- 1
打开电脑中已经安装的Visual Studio Code软件，如下图所示：
- 2
打开菜单栏中的文件->选择文件夹，浏览到当地磁盘中某个vue项目标空白目次，如下图所示：
- 3
在资本办理器空白处右键选择“在终端中打开”，如下图所示：
- 4
我们在终端中输入以下号令
npm install vue -g
如下图所示：
- 5
继续在终端中输入以下号令
npm install vue-cli -g
如下图所示：
- 6
继续在终端中输入以下号令
npm install webpack -g
如下图所示：
- 7
我们输入以下号令来建立一个项目
vue init webpack my-first-vue-project
如下图所示：
- 8
经由过程cd号令进入到建立的项目目次下，然后输入号令
npm install
如下图所示：
- 9
项目建立完当作后的目次布局如下图所示：
- 10
输入号令
npm run dev
来运行vue项目，当作功之后会提醒应用程序拜候的路径，如下图所示：
- 11
我们在浏览器中输入地址，即可拜候vue的项目了，如下图所示：
- 发表于 2019-05-16 20:02
- 阅读 ( 331 )
- 分类：其他类型
