标签：npm vue cli 121157319 55992854 文件夹 vue2 https 安装

如何新建一个vue2项目（超详细哦）https://blog.csdn.net/weixin_55992854/article/details/121157319

不甜呐

于 2021-11-05 11:10:58 发布

6296
收藏 16
分类专栏： Vue 文章标签： vue
版权

Vue
专栏收录该内容
10 篇文章1 订阅
订阅专栏
第一步npm安装
详细教程：点击查看

第二步使用淘宝NPM镜像
大家都知道国内直接使用npm的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。

【win+r】输入cmd，打开命令行窗口，输入

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装完成后，就可以使用cnpm命令来安装模块了。

第三步项目初始化
① 安装vue-cli

npm install vue-cli -g //全局安装 vue-cli

安装完成后，vue-cli文件夹会出现在你自定义的全局路径下。

查看vue-cli是否成功，不能检查vue-cli，需要检查vue

选定路径，新建vue项目。这里我是在桌面上新建了test文件夹，然后双击test，进入文件夹。

按住【shift】+ 【鼠标右键】，打开Powershell窗口。

当前test文件夹的路径就会出现在该窗口中，输入vue list查看状态是否ok，如下显示说明正常。

② cli2创建项目

vue init webpack "项目名称"

安装完成后就会有下面的命令提示，按照提示依次输入

运行npm run dev 之后会出现一个端口号为8080的地址，将这个地址复制到浏览器打开

demo项目目录结构如下

项目搭建就完成了

标签：npm,vue,cli,121157319,55992854,文件夹,vue2,https,安装
来源： https://www.cnblogs.com/effortandluck/p/16361157.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。