使用Vue Cli3.0脚手架初始化Vue项目(现在最新版本是Vue Cli4)

1.安装Vue:npm install vue

2.全局安装Vue Cli:npm install -g @vue/cli

3.查看Vue Cli版本:vue -V

解决Vue不是内部或外部的命令的方法:

①查看全局安装包的存放位置: npm root -g

②将地址复制下来在电脑中查找,找到vue.cmd所在的文件夹,将路径复制下来

③此电脑——>属性——>高级系统设置——>环境变量——>path——>将复制的路径添加进去——>一路确定即可

4.创建项目的仓库(github):如果已经有仓库,直接使用git clone url命令,否则在github上面新建仓库,再使用git clone url命令

5.新建dev分支(git branch dev)并且跳转到新分支(git checout dev):git checkout -b dev

6.查看所有的分支 :git branch -a

7.将本地分支推送到远程:git push --set-upstream origin 分支名称

8.初始化项目:

方法一(vue cli2.0):如果想使用vue init命令(Vue Cli2.0)对项目初始化,需要运行npm install -g @vue/cli-init
方法二(vue cli3.0):vue create 项目名称,如果是在当前文件夹下,则直接使用vue create .命令。

使用Vue Cli3.0脚手架初始化Vue项目(现在最新版本是Vue Cli4)_第1张图片

9.运行项目:npm run serve

你可能感兴趣的:(vue)