不灭的焱

革命尚未成功,同志仍须努力

作者:php-note.com  发布于:2020-06-14 00:08  分类:HTML/CSS/JS  编辑

安装步骤

1、安装node.js到目录:D:\nodejs\nodejs\

2、重新设置本地仓库目录:

npm config set prefix "D:\nodejs\nodejs\node_global"
npm config set cache "D:\nodejs\nodejs\node_cache"

3、配置淘宝镜像:

npm config set registry=http://registry.npm.taobao.org 

4、配置系统环境:

(1) 增加环境变量 NODE_PATH,内容为:D:\nodejs\nodejs\node_global\node_modules

(2) 对环境变量 Path 增加 D:\nodejs\nodejs\node_global

5、安装Vue相关套件:

npm install --global vue            # 或 npm install -g vue
npm install --global vue-router
npm install --global vue-cli
npm install --global webpack
npm install --global webpack-cli

特别注意:如果不使用 --global-g 参数,会在当前目录 自动新建子目录 node_modules,并把模块安装到此目录!

 

新建Vue项目示例

1. 创建新项目

// 切换到 某个目录
// ......

// 创建一个基于 webpack 模板的新项目
vue init webpack my-project

// 这里需要进行一些配置,默认回车即可

2. 运行项目

cd my-project
npm run dev

成功执行以上命令后访问 http://localhost:8080/,输出结果如下所示:

 

 

参考:

Win10下 安装 node.js、npm 、vue.js