VUE配置安装

VUE配置安装

环境

• Windows10

---

流程步骤

1. nodejs下载安装

   官网下载网址：https://nodejs.org/en/

   下载完成双击安装程序，NEXT傻瓜式安装。

   我下载的是10.15.1的版本，安装完成好像自动帮你配置环境而且还自带npm了。

   检验安装：

   $ node -v
   $ npm -v
   

   

2. 使用npm淘宝镜像（可以不用）

   由于有些npm有些资源被屏蔽或者是国外资源的原因，经常会导致用npm安装依赖包的时候失败，因此要么FQ要么就使用国内镜像cnpm。 （若后续步骤下载卡住了，可以适用cnpm代替npm下载）

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

3. vue-cli安装

   $ npm install -g vue-cli
   

   

4. webpack安装

   $ npm install -g webpack
   

5. 创建第一个VUE项目

   $ vue init webpack my-first-vue-demo
   

   会跳出一些项目选择项，适用回车和No就好了。

   

   项目新建完成后，按提示：

   $ cd my-first-vue-demo
   $ npm run dev
   

   运行VUE项目：

   

   项目运行成功后，浏览器会自动打开localhost:8080（如果浏览器没有自动打开，可以手动输入）。运行成功后，会看到如下所示的界面。此时，项目创建完成。

   

---

遇到的问题

1. webpack安装卡住了(用时太久)

   解决方案：

   使用淘宝镜像下载

   $ cnpm install -g webpack
   

2. npm ERR! Unexpected end of JSON input while parsing near '...ession":"7.0.0-beta.1'

   第五步开始第一个VUE项目时，新建项目时遇到这个报错，可能是淘宝镜像的问题？不太清楚

   解决方案：

   $ npm cache clean -force