首页 > 编程语言 >安装node并创建vue项目

安装node并创建vue项目

时间:2023-02-28 15:00:09浏览次数:37  
标签:node npm vue cli 创建 install nvm

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 --global
npm 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/[email protected];
安装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

 

标签:node,npm,vue,cli,创建,install,nvm
From: https://www.cnblogs.com/eternality/p/17164294.html

相关文章