vue学习

WebStorm 2020.1.2 运行vue前端

1.安装node.js  node -v查询是否安装成功

2.使用淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org

3.安装webpack：cnpm install -g webpack   

4.安装vue的脚手架工具 cnpm install -g vue-cli（这个是cli3.0之前的） 3.0版本的安装：cnpm install -g @vue/cli 

5.接着在WebStorm新建vue项目，创建时取消use the default projects setup的勾选

   5.1 在文件目录，例如刚创建的vueproject下命令行执行 vue init webpack，然后进行一些选项的确认，生成项目目录。

Eslint是语法规则和代码风格的检查工具，会自动检测当前项目的代码是否符合预设的规则，如果你的代码写得不符合预设的规则会报错.

5.2 npm install 根据package,json安装依赖包

5.3 npm run dev 运行项目