Vue.js的安装、使用和打包——基于webstorm

1.首先安装node.js

​ node.js 官网下载后一路默认安装即可

​ node -v 通过node -v检查版本

2.其次安装vue.js

​ vue.js

​ 1)通过npm install vue 安装最新稳定的vue

# 最新稳定版
$ npm install vue

​ 2)然后安装vue-cli

# 全局安装 vue-cli
$ npm install --global vue-cli

3使用webstorm进行项目构建

1)打开webstorm——>file——>new——>project进入如下图操作：

location：是工程创建的位置，自定义即可，其他的默认。然后点击Next后等待一会即可构建完成项目，过程中询问Yes,no前两个选yes，其他的选No

2)项目构建完成：

4使用webstorm进行项目运行配置

1）点开配置

点击红框处，选择edit configurations,进行如下配置即可

2）添加npm

3）配置npm:

按照如图所示的配置即可：

5使用webstorm进行项目build打包配置

同时如下配置build:——配置之后运行出现dist文件夹

dist文件夹