说明

1)vue-cli 是 vue 官方提供的脚手架工具

2)github: https://github.com/vuejs/vue-cli

3)作用: 从 https://github.com/vuejs-templates 下载模板项目

安装

node.js网站 找到关于linux64位的 左边第一个 8.12.0LTS
使用 vue-cli 创建模板项目
安装完以后是个压缩包 我们进行解压
使用 vue-cli 创建模板项目
然后打开终端 将解压的包 拖到 终端上获取 包的全局路径
将路径进行 软连接
将npm 和 node软连接到 /usr/local/bin/node 和 /usr/local/bin/npm

sudo ln -s /home/lbc/Desktop/node-v8.12.0-linux-x64/bin/npm /usr/local/bin/npm

sudo ln -s /home/lbc/Desktop/node-v8.12.0-linux-x64/bin/node /usr/local/bin/node

使用 vue-cli 创建模板项目
完成之后在任意文件夹下查看版本
使用 vue-cli 创建模板项目
然后创建个文件夹 这就是你的项目 然后输入命令 创建项目等待下载完成

npm install -g vue-cli

使用 vue-cli 创建模板项目
然后 尝试输入vue看看 能不能出现快捷键

使用 vue-cli 创建模板项目
如果不出现 我们就要创建个软连接然后打开终端
将路径进行 软连接
将vue软连接到 /usr/local/bin/vue

sudo ln -s /home/lbc/Desktop/node-v8.12.0-linux-x64/bin/vue /usr/local/bin/vue

使用 vue-cli 创建模板项目
然后按照以下步骤输入
使用 vue-cli 创建模板项目
这样就搭建成了项目
使用 vue-cli 创建模板项目
然后进入你创建的项目 我们接着输入命令

npm install

使用 vue-cli 创建模板项目
如果在下载中出现报错 并出现红框上的错误 我们要这样解决
使用 vue-cli 创建模板项目
输入‘npm audit fix’后,控制台提示:

1 package update for 5 vulns involved breaking changes

(use `npm audit fix --force` to install breaking changes; or do it by hand)

输入:‘npm audit fix --force’后,控制台提示:

added 199 packages from 111 contributors, removed 64 packages and updated 23 packages in 42.194sfixed 5 of 5 vulnerabilities in 1117 scanned packages

1 package update for 5 vulns involved breaking changes

(installed due to `--force` option)

重新输入‘npm audit’:

=== npm audit security report ===
 

found 0 vulnerabilities

in 4598 scanned packages

终于一切正常

然后输入命令让项目跑起来

npm run dev

使用 vue-cli 创建模板项目
点击下方的链接 就会展示你的项目
使用 vue-cli 创建模板项目
这样就展示出来了
使用 vue-cli 创建模板项目

相关文章:

  • 2019-03-30
  • 2021-07-15
  • 2021-05-17
  • 2021-11-05
  • 2020-04-15
  • 2021-11-05
  • 2019-12-23
猜你喜欢
  • 2021-06-07
  • 2018-09-25
  • 2021-06-29
  • 2020-06-24
  • 2021-08-17
  • 2019-08-18
  • 2020-07-16
  • 2020-05-23
相关资源
相似解决方案