vue.js + webpack 环境搭建

Posted 2022-11-28 @一支烟的功夫

1.安装node.js环境。

2.由于npm在很多时候会使用国外的链接镜像，所以在这里我们安装淘宝npm镜像cnpm：

直接输入：

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

3.安装完成cnpm后，建立一个工作区，存放vue.js项目文件，在cmd环境下进入

4.安装官网的操作步骤，npm操作都使用cnpm来代替，速度很快，如下所示：

 
  # 全局安装 vue-cli
 
 
  $ cnpm install --global vue-cli
 
 
  # 创建一个基于 webpack 模板的新项目
 
 
  $  vue init webpack my-project
 
 
  # 安装依赖，走你
 
 
  $ cd my-project
 
 
  $ cnpm install
 
 
  $ npm run dev
 

5.尤其要注意最后一步是用npm来运行，如果出现报错，原因可能是npm版本过低，这时候使用指令：

$ npm update npm  

把npm进行版本升级即可解决

6.经过这几个步骤的折腾，vue.js + webpack 的环境就打搭建好了。