3.1 vue-cli2 快速创建项目(纯白开始)

vue官方文档:https://cn.vuejs.org/v2/guide/installation.html#NPM

1.需要通过npm安装,npm的安装参考上篇文章:https://www.jianshu.com/p/57924c87db7e

ps:上述方法是运行包报错,打开控制台(管理员身份) cd到包目录,直接运行就好了。

2. 使用npm全局安装vue-cli:npm install -g vue-cli

3.安装完成后,执行vue list。会报“vue不是内部或外部的命令”,说明环境变量有问题。

在执行vue  list显示下图成功,可以创建项目了

4.因为npm源问题,创建项目会很慢,先设置npm源:npm config set registry https://registry.npm.taobao.org 如果有比较会发现速度快很多。

淘宝镜像地址

        npm config set registry https://registry.npm.taobao.org

npm官网地址

        npm config set registry https://registry.npmjs.org

5.设置好后开始创建项目:vue init webpack 项目名称。

6.cd到项目目录,在启动时 先npm install初始化下,再npm run dev启动

创建完成

参考资料:https://blog.csdn.net/qq_27868533/article/details/79105792

也可以git一个项目

先安装git:https://git-scm.com/download/win(官网下载git)

安装方式参考这篇:https://blog.csdn.net/qq_32786873/article/details/80570783

git后 npm install初始化安装包

npm run dev 运行报错

npm rebuild node-sass
参考:https://www.cnblogs.com/niepeishen/p/5762162.html

npm rebuild node-sass安装没反应或者失败,参考这篇文章:

https://blog.csdn.net/fengmin_w/article/details/81879641

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容