安装node并创建vue项目

世上唯一不能复制的是时间,唯一不能重演的是人生,唯一不劳而获的是年龄。该怎么走,过什么样的生活,全凭自己的选择和努力。人生很贵,请别浪费!与智者为伍,与良善者同行。安装node并创建vue项目,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com,来源:原文

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/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

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/260285.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!