vue 的安装过程即项目的创建

1、安装git工具(也可不安装直接使用cmd)

2、安装node.js ,检查node安装是否成功,在工具中输入node -v,查看版本

3、检查npm是否安装成功(npm-般随node一起安装 在电脑中,node如果成功了,npm都会没问题),

在工具中输入npm,查看版本

4、cnpm安装参考网站:( https://developer .aliyun.com/mirror/NPM?from=tnpm)

在工具中输入: npm install -g cnpm --registry=https://registry.npm.taobao.org

检验是否安装成功: cnpm,或cnpm -v查看版本

5、yarm安装参考网站:(https://www jianshu.com/p/4a225dcacd53)

在工具输入: npm install -g yarn

检验是否安装成功查看版本: yarn -v

6、vue安装: cnpm install vue

7、vue-cli3脚手架工具安装: cnpm install -g @vue/cli 或 者 yarn global add @vue/cli

检查其版本: vue --version

8、通过图形界面创建vue项目: 在工具中输入 vue ui (输入Ctrl+c结束命令)

9、开始创建项目:
进入项目管理器 选择创建 选择项目位置(即选中的文件夹),点击创建
vue 的安装过程即项目的创建

vue 的安装过程即项目的创建

vue 的安装过程即项目的创建

10、在vscode中运行项目: yarn serve
出现
****App running at:

  • Local: http://localhost:8080/ (点击)
  • Network: http://192.168.5.6:8080/****

出现出现下面这个界面,表示vue已安装成功!
vue 的安装过程即项目的创建

最后在vscode中输入control+c 终 止vue的进程