傻瓜式创建vue项目
首先,安装vue-cli脚手架构建工具
npm install -g @vue/cli
检验是否安装成功,获取到版本号即为安装成功vue -V
或者
cnpm install -g @vue/cli
这是由于npm网站服务器位于国外,所以经常下载缓慢或出现异常,所以我们乐于分享的淘宝团队干了这事来自官网:“这是一个完整npmjs.org镜像,你可以用此代替官方版本(只读),同步频率目前为10分钟一次以保证尽量与官方服务同步“。
安装:
命令提示符执行
npm install cnpm -g --registry=https://registry.npm.taobao.org
安装完后最好查看其版本cnpm -v或关闭命令提示符重新打开,安装完直接使用有可能会出现错误
然后就可以开始创建你的项目
在当前文件夹下,按住Shift加鼠标右键,选择打开Powershell窗口
或者在当前文件夹的地址栏中输入cmd
进入命令指示符界面
输入 vue create vue2020
(vue2020是自定义项目名)
点击回车
这里我们选择自定义设置:(上下键选择,回车键确定)
如下图选择相应功能(上下键选择,空格键选中),然后点击回车
选择是否使用路由 history router,其实直白来说就是是否路径带 # 号,我选的是y,然后点击回车
node-sass是自动编译实时的,dart-sass需要保存后才会生效(含最新特性),建议选择dart-sass,然后点击回车
ESlint格式化标准,选择ESLint + Standard config
标准配置,然后点击回车
两个都选(上下键选择,空格键选中),然后点击回车
下面就是如何存放配置了,In dedicated config files 存放到独立文件中(有多个配置文件),In package.json 存放到 package.json 中
看个人喜好选择,然后点击回车
最后就是是否保存本次的配置了,N 不记录,如果选择 Y 需要输入保存名字
等待安装成功出现以下界面表示安装成功
输入cd vue2020
进入vue2020文件夹
再次输入npm run serve
启动项目
打开网页,在地址栏中输入localhost:8080
题外话:建议将你所创建的项目,进行压缩保存,放到容易找到的地方,下次可以直接解压使用
以上便是vue项目创建的全部过程,祝贺你,你成功了