Vue项⽬的npm环境搭建
Vue项⽬的环境搭建主要步骤如下：
vue项⽬创建
安装NodeJS
1. +到官⽹下载⾃⼰系统对应的版本，这⾥我们下载Windows系统的64位zip⽂件，下载完成后解压，可以看到⾥⾯有⼀个的可执⾏⽂件。
2. +如果你安装的是旧版本的 npm，可以很容易得通过 npm 命令来升级。`npm install npm -g  # windows`
安装 webpack
1. -安装好 npm 之后，就可以通过 npm 命令来下载各种⼯具了，安装打包⼯具 webpack，-g 表⽰全局安装。`npm install webpack -g`
2. +安装 vue-cli
安装 vue-cli
1. +安装 vue 脚⼿架项⽬初始化⼯具 vue-cli，-g 表⽰全局安装。`npm install vue-cli -g`
安装 nrm
1. +安装 nrm npm下资源控制器⼯具`npm install nrm -g`查看镜像命令`nrm ls`使⽤某个为默认镜像的命令`nrm user cnpm`
安装 Yarn
1. +Yarn是Facebook发布的 node.js 包管理器，它⽐ npm 更快、更⾼效，可以使⽤Yarn替代 npm 。`npm i yarn -g --verbose`
创建项⽬
1. +环境已经搭建完成，现在我们通过 vue-cli 来⽣成⼀个项⽬，名称为 kitty-ui。
2. +项⽬创建命令如下`vue init webpack kitty-ui`
以下是copy被⼈的博客，作为记录地址:
技术基础
开发之前，请先熟悉下⾯的4个⽂档
, 优秀的JS框架
, vue.js 配套路由
，vue.js 应⽤状态管理库
，饿了么提供的UI框架
开发环境
Node JS（npm）
Visual Studio Code（前端IDE）
安装Visual Studio Code
下载地址：
Visual Studio Code 是⼀款⾮常优秀的开源编辑器，⾮常适合作为前端IDE, 根据⾃⼰的系统下载相应的版本进⾏安装。
更多 VS Code 教程可以参考以下资料
安装NodeJS
下载地址：
的可执⾏⽂件。
到官⽹下载⾃⼰系统对应的版本，这⾥我们下载Windows系统的64位zip⽂件，下载完成后解压，可以看到⾥⾯有⼀个
把Node添加到系统环境变量⾥⾯，打开cmd命令⾏，输⼊npm -v，如果出现如下图的显⽰，说明已经安装正确。
如果你安装的是旧版本的 npm，可以很容易得通过 npm 命令来升级。
sudo npm install npm -g #linux
npm install npm -g  # windows
可以看到升级之后，再次执⾏ npm -v 查看版本已经升级到 6.4.0 了。
更多NodeJS教程可以参考以下资料
安装 webpack
安装好 npm 之后，就可以通过 npm 命令来下载各种⼯具了。
安装打包⼯具 webpack，-g 表⽰全局安装。
npm install webpack -g
更多webpack教程可以参考以下资料
安装 vue-cli
安装 vue 脚⼿架项⽬初始化⼯具 vue-cli，-g 表⽰全局安装。
npm install vue-cli -g
淘宝镜像
因为 npm 使⽤的是国外中央仓库，有时候下载速度⽐较“喜⼈”，就像 Maven 有国内镜像⼀样，npm 在国内也有镜像可⽤。这⾥建议使⽤淘宝镜像。安装淘宝镜像，安装成功后⽤ cnpm 替代 npm 命令即可，如： cnpm install webpack -g 。
npm install -g cnpm --registry=registry.
安装 Yarn
Yarn 是 Facebook 发布的 node.js 包管理器，它⽐ npm 更快、更⾼效，可以使⽤ Yarn 替代 npm 。
如果你安装了node，就安装了npm，可以使⽤下⾯的命令来安装：
npm i yarn -g --verbose
npm官⽅源访问速度实在不敢恭维，建议使⽤之前切换为淘宝镜像，在yarn安装完毕之后执⾏如下指令：
maven下载教程
yarn config set registry registry.
到此为⽌我们就可以在项⽬中像使⽤npm⼀样使⽤yarn了。
使⽤ Yarn 跟 npm 差别不⼤，具体命令关系如下：
npm install  => yarn install
npm install --save [package] => yarn add [package]
npm install --save-dev [package] => yarn add [package] --dev
npm install --global [package] => yarn global add [package]
npm uninstall --save [package] => yarn remove [package]
npm uninstall --save-dev [package] => yarn remove [package]
创建项⽬
环境已经搭建完成，现在我们通过 vue-cli 来⽣成⼀个项⽬，名称为 kitty-ui。
vue init webpack kitty-ui
⼀路根据提⽰输⼊项⽬信息，等待项⽬⽣成。
命令执⾏完毕，⽣成项⽬结构如下
进⼊到项⽬根⽬录，执⾏  yarn install (也可以⽤ npm install，或淘宝 cnpm install，我们这⾥⽤ yarn 会快⼀点) 安装依赖包。
cd kitty -ui
yarn install
依赖包安装完成之后，会在项⽬根⽬录下⽣成 node_modules ⽂件夹，是下载的依赖包的统⼀存放⽬录。
安装完成之后，执⾏应⽤启动命令，运⾏项⽬。
npm run dev
命令执⾏之后，如果显⽰ “I Your application is runing here ....”，就表⽰启动成功了。
到此，我们的项⽬脚⼿架就建⽴起来了。
vue项⽬创建
安装NodeJS
1. +到官⽹下载⾃⼰系统对应的版本，这⾥我们下载Windows系统的64位zip⽂件，下载完成后解压，可以看到⾥⾯有⼀个的可执⾏⽂件。
2. +如果你安装的是旧版本的 npm，可以很容易得通过 npm 命令来升级。`npm install npm -g  # windows`
安装 webpack
1. -安装好 npm 之后，就可以通过 npm 命令来下载各种⼯具了，安装打包⼯具 webpack，-g 表⽰全局安装。`npm install webpack -g`
2. +安装 vue-cli
安装 vue-cli
1. +安装 vue 脚⼿架项⽬初始化⼯具 vue-cli，-g 表⽰全局安装。`npm install vue-cli -g`
安装 nrm
1. +安装 nrm npm下资源控制器⼯具`npm install nrm -g`查看镜像命令`nrm ls`使⽤某个为默认镜像的命令`nrm user cnpm`
安装 Yarn
1. +Yarn是Facebook发布的 node.js 包管理器，它⽐ npm 更快、更⾼效，可以使⽤Yarn替代 npm 。`npm i yarn -g --verbose`
创建项⽬
1. +环境已经搭建完成，现在我们通过 vue-cli 来⽣成⼀个项⽬，名称为 kitty-ui。
2. +项⽬创建命令如下`vue init webpack kitty-ui`

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。