如何在Vscode/WebStorm上搭建一个vue项目【亲测有效、强烈推荐、简单快速】
如何在Vscode/webstorm上搭建一个vue项目
- 一、下载node.js
- 二、下载NPM
- 三、打开电脑本地的windows poweshell
- 四、测试
以下方法可以直接在本地创建项目，不过是vscode还是webstorm都可以直接打开使用，十分方便！
一、下载node.js
二、下载NPM
以管理员身份打开cmd
输入
node-v
检查是否node.js是否下载好
输入
npm install -g @vue/cli
下载vue-cli脚手架
等待下载
完成后可以输入
vue—version
查看脚手架版本
三、打开电脑本地的windows poweshell
以管理员身份打开windows poweshell
输入 cd 此项目想放的本地位置
输入 vue create 项目名
即可开始创建vue项目
有的人可能会出现以下的情况：
此时如何解决？你需要通过脚本修改，如下：
正常选择如下：
按空格可以选择，前面会有*号，选择哪些工具取决于你自己项目的需要了
创建成功后
此时按照提示运行以下脚本：
cd 项目名
npm run serve
即可运行项目，显示结果如下图：
四、测试
最后访问本地地址8080，效果如下：
至此项目创建成功！
