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,然后进行一些选项的确认,生成项目目录。

vue学习

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

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

5.3 npm run dev 运行项目