最新要闻

广告

手机

iphone11大小尺寸是多少？苹果iPhone11和iPhone13的区别是什么？

iphone11大小尺寸是多少？苹果iPhone11和iPhone13的区别是什么？

 警方通报辅警执法直播中被撞飞：犯罪嫌疑人已投案

警方通报辅警执法直播中被撞飞：犯罪嫌疑人已投案

家电

  1. 首页
  2. 移动通信
  3. 内容

焦点速讯：安装node并创建vue项目

来源：博客园

1.多版本管理工具nvm

https://github.com/coreybutler/nvm-windows/releases

nvm-setup.zip


(资料图片仅供参考)

2. 打开nvm文件夹下的settings.txt文件

node_mirror: https://npm.taobao.org/mirrors/node/npm_mirror: https://npm.taobao.org/mirrors/npm/

将镜像源指向国内淘宝，否则在安装node的时候会出现卡死，npm安装不成功的情况。

3.下载node

nvm install 版本号(nvm install 14.15.0)

4.选择当前版本号

nvm use 版本号（nvm use 14.15.0）

使用管理员权限运行cmd执行use的命令

5、查看node是否安装成功

node -v,    npm -v

6.配淘宝镜像

npm config set registry https://registry.npm.taobao.org --globalnpm config set disturl https://npm.taobao.org/dist --global

7.查看镜像

npm config list

8.查看全局安装的插件

npm list -g --depth 0

9.安装全局webpack 

webpack-cli: npm install -g webpack webpack-cli

10.安装全局vue-cli

安装3.0之后的版本npm install -g @vue/cli 或者 安装指定版本：npm install -g @vue/cli@4.5.15；安装3.0之前的版本 npm install -g vue/cli；卸载npm uninstall -g

10.创建

创建一个基于webpack模板的vue应用程序vue init webpack 项目名安装vue脚手架vue-cli命令：cnpm install -g vue-cli安装成功后可以用 vue -V 查看vue版本

11.cd到对应的目录下初始化vue项目

vue init webpack my-test
Project name 项目名Project description 项目名描述Author 作者邮箱Use ESLint to lint your code? 是否需要ESlist语法检查Setup unit tests with Karma + Mocha? 是否需要单元测试Setup e2e tests with Nightwatch? Yes是否需要e2e测试
package.json为项目依赖资源，运行项目需要npm install 安装依赖项。使用命令npm run dev启动项目，浏览器会打开 http://localhost:8080/#/

编译打包

cnpm run build

关键词： 单元测试 是否安装 版本管理