从零开始使用npm建立vue工程

从零开始使用npm建立vue工程

下载安装 node.js

打开https://nodejs.org/ 在Download可以下载

全局方式下载安装vue cli

npm install -g @vue/cli

或（指定国内镜像源更快一些）

npm install  -g @vue/cli --registry=https://registry.npmmirror.com

下载完毕查看下vue cli的版本

vue -V

创建vue项目名称

命令格式：vue create 项目名称

使用 vue create testVue1 就报错了，这里项目名称还不能包含大写字母

vue create testvue1

可以正常执行，这里建立Vue 2的工程进行测试

过程

完成

创建完成，我们可以找到工程目录下的README.md文件

# testvue1
## Project setup
```
npm install
```
### Compiles and hot-reloads for development
```
npm run serve
```
### Compiles and minifies for production
```
npm run build
```
### Lints and fixes files
```
npm run lint
```
### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).

在这个README.md里可以看到一些说明,使用这里面的命令行我们就可以安装依赖，运行测试，build打包

切换目录到当前建的工程testvue1目录下

cd testvue1

下载安装包，这里加上国内镜像源会快很多

npm install --registry=https://registry.npmmirror.com

测试运行

npm run serve

浏览器预览

这样一个vue基础工程就建好了

build打包测试

在工程中查看node_modules这个文件夹的属性，有105MB左右的大小，依赖还真不少

尝试打包看看输出的文件有多大

npm run build

虽然依赖多，但打包压缩后是很小的，还是能接受的