一、新建Vue项目操作步骤总结
1.切到项目所在文件夹
2.vue项目初始化 vue init webpack mytest
3.自动安装项目依赖
4.初始化结束
查看本地的项目目录如下:
5.切换到项目路径 cd mytest
6.启动项目 npm run dev
7.在浏览器中访问http://localhost:8082/#/如下:
8.但是此时只能在本地运行,如果要在服务器上面执行,则需要如下操作: npm run build
此时会生成静态文本,在根目录的dist里,里面有个index.html,通常这是服务器访问的路径指定到这里就可以访问到我们自己的项目了。
二、遇到的问题总结
报错: vue-cli · Failed to download repo vuejs-templates/webpack: unable to verify the first certificate 解决办法: npm_config_strict_ssl=false vue init webpack my-project 报错: vue-cli · Failed to download repo vuejs-templates/webpack: getaddrinfo ENOTFO UND github.com github.com:443 解决办法: 1.node -v 2.vue -v (没有显示版本,npm i vue-cli -g) 3.webpack-v(需要重新安装,npm install webpack -g) 三个条件满足时,运行vue init webpack demo(demo项目名) 我的错误就是没有全局安装webpack,导致报如上的错误
参考: https://www.cnblogs.com/benyu-aimao/p/8944475.html https://www.cnblogs.com/zhaomeizi/p/8483597.html https://blog.csdn.net/Anything2207294253/article/details/82083271