vscode创建vue项目

新建项目
打开Visual studio code
打开一个你想要创建项目的文件夹
打开集成终端:查看 –> 集成终端 或者直接按 ctrl+`

如果没有安装vue-cli,在终端输入:

npm install -g vue-cli
全局安装vue-cli

然后新建项目

vue init webpack projectName

projectName换为你想要的名字。这里我建立的项目名为 ex1
然后一直按确认或输入y按确认,等待项目初始化,如下图
————————————————
vscode创建vue项目_第1张图片
项目完成后,运行如下命令
npm run dev

安装项目过程中如果出现如下报错
vscode创建vue项目_第2张图片

解决方案:
该问题是vue-cli脚手架的一个bug,是chromedriver的部分文件被国内网络给墙掉了,无法下载完整的chromedirver包,解决办法:

npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver

你可能感兴趣的:(前端,vue,前端-小笔记)