一、下载nodejs并安装和配置环境变量

1.在nodejs的安装目录下新建node_cache和node_global两个文件夹。

2.设置上面两个文件夹,以后安装的-g的全局包都会在配置的目录下了。
    npm config set prefix "D:\Program Files\nodejs\node_global"
    npm config set cache "D:\Program Files\nodejs\node_cache"

3.配置环境变量
   打开计算机的环境变量,找到系统变量,新增一项 NODE_PATH,值为安装目录下的nodejs,
   D:\Program Files\nodejs\node_global\node_modules

4.变量配置完,可以输入npm install express  命令试一下看能否正常用安装

5.配置淘宝镜像cnpm,可以更快下载依赖包。
   npm install -g cnpm --registry=https://registry.npm.taobao.org

二、安装vue-cli脚手架

以上环境都配置好后,打开命令窗口,输入:
    cnpm install vue-cli -g 
会自动下载vue-cli安装到配置好的全局目录里去

三、使用vue-cli脚手架创建项目

 1. vue init webpack 项目名  (项目名小写,其他一直按回车,注意安装eslint时候选择N不安装)
 2. cd project
 3. cnpm install
 4. cnpm run dev

四、完成安装启动后,看下图就知道启动成功了

vue-cli脚手架搭建vue项目

 

 

 

 

相关文章:

  • 2022-12-23
  • 2021-04-15
  • 2021-12-19
  • 2021-06-05
  • 2021-04-05
  • 2021-04-19
  • 2021-07-15
  • 2021-05-31
猜你喜欢
  • 2022-12-23
  • 2022-01-19
  • 2021-09-07
  • 2021-12-26
  • 2021-09-22
  • 2021-07-19
  • 2021-10-24
相关资源
相似解决方案