从零开始搭建vue框架启动项目

脚手架 vuecli3.4

全局安装:
如果你电脑中有老的版本 如vuecli2
npm uninstall vue-cli -g 写在老版本的cli(1.x 2.x)如果没有安装的 略过

pm i -g @vue/cli

yarn global add @vue/cli

测试有没有安装成功

vue --version 出现了版本号 安装成功

vue create myapp  启动你的项目
    *npm run serve 开发环境构建
    *npm run build 生产环境构建 
    *npm run lint 代码检测工具

注意在启动项目时 有时候因为 node-sass下载不下来会报错

解决方法:
cnpm i -D node-sass
npm i -D node-sass --sass_binary_path=/Users/lzwme/Downloads/darwin-x64-48_binding.node

npm run serve之后根据代码提示在地址栏输入localhost

 页面如下:

 vuecli脚手架就雏形就完成了。

猜你喜欢

转载自www.cnblogs.com/coco777/p/12390242.html