VUE（7）IDEA搭建VUE环境

Hbuilder的缓存机制太恶心了，弃之，以后使用 IDEA 写 VUE。

1、【安装IDEA插件】偏好设置 --> 插件安装 --> vue.js

2、【安装 node】 brew install nodejs      

        node -v       检查版本       node@16.16.0

3、【安装cnpm】 npm install -g cnpm --registry=https://registry.npm.taobao.org      

        cnpm -v       检查版本       npm@8.19.2         cnpm@8.4.0

4、【安装脚手架】 cnpm install vue-cli -g      

        vue -V           检查版本               @vue/cli 5.0.8

5、【安装 webpack】cnpm install webpack -g        

6、【新建vue项目】vue init webpack demotree

        ? Project name (shopping_mall_vue)        my_vue_name

        ? Project description (A Vue.js project)        enter

        ? Author        li_bai

        

? Project name (shopping_mall_vue)        enter
? Project description (A Vue.js project)  enter
? Author  li_bai
? Vue build standalone
? Install vue-router? (Y/n)  y
? Use ESLint to lint your code? (Y/n)  n
? Set up unit tests (Y/n)  n
? Setup e2e tests with Nightwatch? (Y/n) n
? Should we run `npm install` for you after the project has been created? (recom
mended) (Use arrow keys)
❯ Yes, use NPM 
  Yes, use Yarn 
  No, I will handle that myself 

7、【编写 vue 项目】IDEA打开项目

8、【运行 vue 项目】npm run dev