vue.js的安装部署+cnpm install 安装过程卡住不动

偏执的太偏执、 2022-05-20 02:10 586阅读 0赞

刚接触vue,js，我在这里给出vue.js的安装部署过程，希望刚学的vue.js的学者少走弯路。废话不多说了，直接走你！

我把vue.js的安装步骤分为8个：

1、到[Node.js][]的官网下载node

[node.js的下载地址][node.js]，下载完成后，我在d盘新建一个文件夹“node”, 安装到node目录下（安装之后环境变量自动配置了，自己无需再配），比如我的安装路径是：D:\\node     ps:安装路径是自己自定义的。

2、安装淘宝镜像服务器

安装完node后，打开cmd，输入命令进入node文件夹目录![Center][]，安装淘宝镜像服务器（代理服务器下载依赖包速度比较快），

输入命令

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

按回车，等待完成。

3、查看淘宝镜像服务器的版本。（此步骤也可忽略）

安装了淘宝镜像服务器就可以用cnpm命令了

输入命令

cnpm -v

4、用淘宝的镜像服务器全局安装vue-cli

输入命令

cnpm install -g vue-cli

![Center 1][]

回车并等待安装完成。

安装了vue-cli之后，就可以用vue指令了。

5、安装webpack模板

输入命令

vue init webpack myProject

![Center 2][]

ps:"myProject"可以自定义。

6、创建项目，并输入各种信息

刚刚安装了webpack模板，现在要创建项目，并输入名称，描述，作者等

输入命令

![Center 3][]

项目名称， 描述， 作者都可自定义。

项目创建成功后，我们可以打开node文件夹目录，可以看到myProject。

7、安装依赖（node-modules）

用命令进入刚刚创建的"myProject"。

![Center 4][]

安装依赖

输入命令

cnpm install

![Center 5][]

回车并等待完成。

安装完成后，我们可以打开“node”文件夹下的“myProject”，发现多了个node-modules文件夹，这个就是我们要的依赖，有了它，服务器就能跑起来了。

8、运行服务器

输入命令

npm run dev

![Center 6][]

按回车并等待完成。

如果出现如下：

![Center 7][]

恭喜你，已经完成vue的安装部署。

现在可以打开浏览器输入上面红色框的url，看看自己的第一个vue项目吧！

原帖链接地址     http://blog.csdn.net/B\_evan/article/details/53186367

# [npm install 安装过程卡住不动][npm install] #

Thursday, 13 March 2014, 00:00:00     [npm][]       [javascript][]     [Edit on Github][]

修改 npm 的安装目录下的 npmrc文件 增加一条 `registry=http://registry.cnpmjs.org`

`$ npm config set registry http://registry.cnpmjs.org`

就可以解决此问题了.

1.  prefix = $ \{  APPDATA \} \\ npm
2.  registry = http : *//registry.cnpmjs.orgyuqn*

原帖链接地址：http://blog.csdn.net/B\_evan/article/details/53186367

[Node.js]: http://lib.csdn.net/base/nodejs
[node.js]: https://nodejs.org/en/
[Center]: /images/20220520/b982f1e88be4497c90fb55c55052a181.png
[Center 1]: /images/20220520/1a0642c6421e4bd199a475f2de244a01.png
[Center 2]: /images/20220520/606c39bc89d847dba2ed7ef21422f146.png
[Center 3]: /images/20220520/f3b1f15e67e74465b26f0c4d0b3247e6.png
[Center 4]: /images/20220520/ab2c6973dbbb4ff28ad46ce38ed581b0.png
[Center 5]: /images/20220520/16f86d6bf6ee4c30bb82acdf4e7ba896.png
[Center 6]: /images/20220520/6970852075e749afa366e6cd4e3bf933.png
[Center 7]: /images/20220520/ba3748c82f7041d3bce4cc3f7dfa185f.png
[npm install]: http://noyobo.com/2014/03/13/npm-install-load-slow.html
[npm]: http://noyobo.com/categories/#npm
[javascript]: http://noyobo.com/tags/#javascript
[Edit on Github]: https://github.com/noyobo/noyobo.github.com/tree/master/_posts/2014-03-13-npm-install-load-slow.md