vue脚手架的使用

npm install -g @vue/cli    --全局环境安装vue/cli

vue create <project-name>

在建立项目时你会被提示选取一个 preset。你能够选默认的包含了基本的 Babel + ESLint 设置的 preset，也能够选“手动选择特性”来选取须要的特性。

在多选时，空格表明选中，enter表明进入下一个配置项

且你手动选择的配置项还会存入到你电脑的 ~/.vuerc （C:\Users\Admin）文件中，这样子你下次建立vue项目的时候，能够选择你以前手动配置的配置，这点vue cli3作得很人性化。上面的配置选择完以后，一个简单的vue项目就建立成功了。这个时候你在命令行cd hello-world，进入到hello-world项目根路径下，命令行敲下npm run serve，项目就开始跑起来啦。

关于npm install的做用：

1. 为了在开发过程当中，安装功能模块的方便，产生了npm包管理器。

在git clone项目的时候，项目文件中并无 node_modules文件夹。

为何呢？

咱们知道这个文件中保存的是咱们项目开发中所使用的依赖模块。这个文件夹可能有几百兆大小，若是放到github上，其它人clone的时候会很是慢，这个时候就想到用一个package.json依赖配置文件解决这个问题。

这样每一个人下载这个项目的时候，只须要进入该项目目录 直接npm install npm就会到里面去找须要的函数库，也就是依赖。

例如package.json里有一段

"dependencies": {"vue": "2.5.17","vue-router": "3.0.2", "element-ui": "2.4.6",},

那么npm install就会读取dependencies中的模块，下载这些模块文件。

那么这些依赖会放在什么地方呢？咱们在哪里能找到这些依赖文件呢？

npm install执行完之后，咱们会发如今项目下多了一个 node_modules文件夹。咱们安装的依赖文件均可以在这里面找到哦~。

2. npm install ...和npm install 有哪些区别呢

npm install <...> 只下载依赖模块，package.json中dependencies并无改变。

npm install <...> --save 会自动往 package.json中"dependencies" 添加xxx属性。

npm install <...> --save -dev 自动往package.json中"devdependencies" 添加xxx属性。

注：

dependencies：生产环境须要依赖的库

devdependencies：只有开发环境下须要依赖的库