[关闭]
@PheonixHkbxoic 2017-11-13T09:39:22.000000Z 字数 845 阅读 938

Node环境搭建

FrontEnd


一、nodejs,npm,vue安装及项目初始化

1.首先去下载并安装nodejs

网址为:http://nodejs.cn/

2.在dos下安装淘宝npm

node自带npm,但因为npm安装插件是从国外服务器下载,受网络影响大,可能出现异常
安装cnpm命令
npm install cnpm -g --registry=https://registry.npm.taobao.org
注意:安装完后最好查看其版本号cnpm -v或关闭命令提示符重新打开,安装完直接使用有可能会出现错误 
注:cnpm跟npm用法完全一致,只是在执行命令时将npm改为cnpm。

3.以超级管理员身份打开cmd,执行安装

npm install -g vue-cli 或者 cnpminstall -g vue-cli

以下要使用Node.js command prompt命令行界面打开,
命令都用cnpm,不要用npm,我使用npm就报错了。

4.使用vue-cli初始化项目

vue init webpack my-project

5.进入到项目目录cd my-project安装依赖

者cnpm install

6.开始运行,即可看到效果

cnpm run dev

7.打包cnpm run build会生成dist文件夹

通过cnpm run build 把生成的dist文件夹(不要上传文件夹)里的内容上传到http服务器上就可以通过 http来访问了,开发机上正常,上传以后 程序出现错误不能运行的原因99.99%的可能性是你引用资源的路径有问题。

二、链接

1.npm介绍与cnpm介绍
2.使用nodeJs安装Vue-cli

添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注