如何用vue-cli脚手架搭建vue项目

1、确保本地安装了Vue、Vue脚手架(Vue-cli);

2、:vue ui;可视化面板来创建Vue-cli项目;

3、点击top三个选项之中的中间选项(创建) --> 选择项目存放路径 --> 点击底部在此创建新的项目
1)在详情面板中只需要写项目名称和Git 初始化Git仓库(init vue_project)
2)在预设面板中如果没有预设就要自己手动设置(进入功能选项)项目的依赖(选择:Babel是必须要的、Router、Linter/Formatter、使用配置文件 这四个、如果项目需要VueX也可以选择)
3)进入配置选项中第一个:Use history mode for router?(询问是否使用历史模式的路由)(不开启)
4)Pick a linter /formatter config:在下拉中选择 Standard config
5)pick addictstional lint features (开启 Lint on save)

4、进入项目的仪表盘:在插件选项中安装Element-Ui (vue-cli-plugin-element)–>成功后选择按需引入

5、在依赖的选项中安装axios(运行依赖)

6、初始化Git 远程仓库:
1)点击加号创建项目(在面板中注意【使用readme文件初始化这个仓库一定不能选】)
2)此时你会看到【简易的命令行入门教程】【恭喜你成功了】
3)按照要求在全局下一次输入两行命令
4)至于下面两个,分别是你本地是否有项目仓库(我们有,上面的步骤刚创建的,所以走下面的:两行代码意思分别是:连接远程、推送代码【不过先得 在执行 git status 查询git状态】
5)这个步骤需要你在你项目的路径上执行。
6)先git status 查询git状态(位于分支 master 无文件要提交,干净的工作区)如果不是这样的代表你有待提交的
7)将所有文件都添加到暂存区 (git add . )
8)提交暂存区文件 (git commit -m “add files”) 到本地仓库 在执行 git status 查询git状态

你可能感兴趣的:(Web前端知识点,vue)