标签：npm vue cnpm nodejs 项目 webpack registry 搭建

开发环境搭建

1. 安装nodejs

2. 设置阿里镜像

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

    附 :

        默认nmp镜像站 : metrics-registry = "https://registry.npmjs.org/"
        查看npm的配置 : npm config list

3. 安装vue

npm i -g vue-cli
测试是否安装成功：
vue -V //注意：-V是大写的V，不是小写的v

可以将路径 D:\nodejs\node_global 添加到环境变量path中 ， D:\nodejs 是我的nodejs安装目录

4. 安装 webpack

cnpm install -g webpack

 

新建项目

1. 在idea中新建Static Web项目

2. 在项目根目录中执行指令

vue init webpack 项目名

 

 

 未配置环境变量则执行指令 >  D:\nodejs\node_global\vue init webpack demo02

demo02的目录结构如下 ： 

 

 

 

3. 安装依赖 node_modules

cd 项目名
cnpm install

4. 运行

--运行Vue项目
cnpm run dev

 

 

注 ： 如果不使用阿里镜像 ，默认镜像使用 npm 取代 cnpm 即可

参考 ： https://blog.csdn.net/CCIEJohn_zhou/article/details/89043500

 

标签：npm,vue,cnpm,nodejs,项目,webpack,registry,搭建
来源： https://www.cnblogs.com/hi-gdl/p/15716091.html

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