标签：npm Node vue SpringBoot cnpm 项目 js Vue 搭建

1. 进入Node.js官网：https://nodejs.org/zh-cn/，选择下载并安装Node.js

 

 

 2. 下载完成后，进行安装，直到安装完成

 

 

 

2. 验证Node.js是否安装好，在windows下，win+r召唤出运行窗口，输入cmd打开命令行窗口。输入node -v即可得到对应的Node.js版本。

 

 

 npm包管理器是集成在Node.js中了，所以在安装Node.js的时候就已经自带了npm，输入npm -v可得到npm的版本。

 

 

 

 最开始下完的时候，npm并不是最新版本，需要命令npm -g install npm，更新npm至最新版本。

3. 安装cnpm

执行命令 npm install -g cnpm --registry=https://registry.npm.taobao.org ,

使用npm的国内镜像（npm 国内镜像 https://npm.taobao.org/）cnpm命令代替默认的npm命令，增加依赖包加载速度且避免资源限制

 

 

 

4.  cnpm安装脚手架vue-cli

运行命令 cnpm install -g vue-cli 安装脚手架

5.构建项目

将vue项目建在D盘的vue文件夹下，利用命令进入此目录。在cmd中输入盘符F:回车即可进入D盘，
然后执行命令进入D:\vue路径目录下，再输入新建项目命令 vue init webpack Testvue[项目名称]，执行后会自动生成vue项目。

6.安装项目依赖

上面脚手架自动生成的vue项目不能直接运行，需要加载上项目需要的依赖包才能运行。通过在cmd中使用命令先定位到项目所在路径目录下D:\vue\Testvue

然后输入命令 cnpm install 安装项目所需的依赖包资源。
7.运行项目

项目准备完毕后，现在可以运行vue初始项目看效果了。
在cmd中，注意需要使用命令先定位到D:\vue\Testvue目录下，然后再输入命令npm run dev 来运行项目。

 

标签：npm,Node,vue,SpringBoot,cnpm,项目,js,Vue,搭建
来源： https://www.cnblogs.com/joeshao/p/15100644.html

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