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