Vue+ElementUI学习笔记（一）-安装

直接上，片头后面在写

首先，本片开始是建立在已经搭建了本地node.js、vue的环境前提下进行开发

我使用的是vscode，

1、创建vue-cli项目

使用vscode的终端控制

输入

vue create A/*你的文件名*/

然后你会发现有可能会提示你

于是我又再次运行了 

npm install -g @vue/cli

这个时候如果你本身的登录权限不够，会提示：

npm ERR! If you believe this might be a permissions issue, please double-check the

npm ERR! permissions of the file and its containing directories, or try running

npm ERR! the command again as root/Administrator (though this is not recommended).

npm ERR! A complete log of this run can be found in:

npm ERR!    /Users/mac/.npm/_logs/2019-07-30T07_11_25_040Z-debug.log

之前我也一直被这个问题所困扰，查了网上的很久，什么清除文件，删除日志，最后试了该报错依旧报错。其实只是需要加一下sudo即可

sudo npm install -g @vue/cli

然后输入你的锁屏密码就行了。

提示你：

+ @vue/[email protected]

added 30 packages from 13 contributors and updated 75 packages in 46.395s

意味着你的vue-cli环境配置成功了。

再一次运行

vue create A/*你的文件名*/

就开始创建了。

一、开始创建

在进行了上面的操作后，实际上只是刚进入了创建的步骤，这里需要详细说一下，

1，选择配置方法，你可以选择使用默认配置（即基本的Babel + ESLint 设置的 preset），也可以手动配置，这里我选择的下面的手动配置（  Manually select features）

Vue CLI v3.9.3

? Please pick a preset: (Use arrow keys)

❯ default (babel, eslint)

  Manually select features

2、这里选择的是你创建项目需要的文件，记住，回车是选择完毕进行下一步，空格键才是点亮当前选项！！！

我选择了需要 TypeScript,Router（路由文件）,Vuex,以及CSS Pre-processors

Vue CLI v3.9.3

? Please pick a preset: Manually select features

? Check the features needed for your project: (Press to select, to toggle all, to invert selection)

❯◉ Babel

◯ TypeScript

◯ Progressive Web App (PWA) Support

◯ Router

◯ Vuex

◯ CSS Pre-processors

◉ Linter / Formatter

◯ Unit Testing

◯ E2E Testing

3、选择后进行创建就行了，然后运行的方式是：

npm run serve 

浏览器输入

localhost:8080

二、可视化创建方式

使用

vue ui

按照提示操作就行了