用webstorm搭建vue项目
前提条件:
已下载安装好webstorm 、node.js、git
开始搭建vue项目:
1、安装淘宝镜像(类似于阿里云的maven中央仓库镜像)
安装命令:
npm install -g cnpm --registry=https://registry.npm.taobao.org
验证命令:cnpm -v
2、安装webpack
利用cnpm安装webpack 命令行语句为 cnpm install webpack -g 。时间略长。测试安装成功的界面如下:
【如果出现这种错误:rollbackFailedOptional verb npm-session (One CLI for webpack must be installed....)】:
3、接下来就是全局安装vue-cli
安装语句为:cnpm install --global vue-cli
验证命令:vue -V (V要大写)
4、下面开始使用WebStorm
重要的一点,想用WebStorm创建项目得安装git。 安装很简单,官网找到下载安装即可,否则可能出现安装不了的情况
选择dev双击 即可进行测试。开启成功后会出现默认的端口,粘贴到浏览器中打开,出现下面页面就是成功啦。这样一个vue项目就创建成功了