笔记本很久没有更新node了,结果这次配置环境,竟然一波三折
Node,npm版本太久,导致webpack, vue-cli安装失败
- 解决办法:更新node.js,
- 更新npm命令:
npm intall -g npm
接下来就是一帆风顺的时刻,安装webpack:
- 命令:
npm intall webpack -g
安装 vue-cli 脚手架
npm install --global vue-cli
- 安装完成,
vue -V
可以查看vue
版本(V是大写)新建文件夹 test,使用vue-cli构建一个vue项目
- 执行命令
vue init webpack test
接下来,会被询问一系列的操作,如下:
- ? Project name lnews
- ? Project description A Vue.js project
- ? Author 看着黎明丶庆幸 xanwidtf@foxmail.com
- ? Vue build standalone
- ? Install vue-router? Yes
- ? Use ESLint to lint your code? Yes? Pick an ESLint preset Standard
- ? Set up unit tests Yes
- ? Pick a test runner jest
- ? Setup e2e tests with Nightwatch? Yes
- ? Should we run
npm install
for you after the project has been created? (recommended) npm
最后,经过漫长的等待,安装完毕:
如图所示,cd Lnews
进入项目文件夹,npm run dev
运行项目
浏览器输入:localhost:8080 查看效果
END