vue-cli 3.0安装步骤&我遇到的小坑
1.安装node.js(安装的时候选择 Add to Path,因为它默认添加到path环境变量去。。。)node自带npm1-1:看是否安装成功:node -vnpm -v2.安装git*需注意版本问题。以前开发的时候 因为更新git版本太高了,导致出了问题,时间太久了,具体啥问题,我忘了哈哈。。。3.安装好了之后 找到要安装的文件夹 右击 选择 git Bash...
1.安装node.js(安装的时候选择 Add to Path,因为它默认添加到path环境变量去。。。)node自带npm
1-1:看是否安装成功:node -v npm -v
2.安装git
*需注意版本问题。以前开发的时候 因为更新git版本太高了,导致出了问题,时间太久了,具体啥问题,我忘了哈哈。。。
3.安装好了之后 找到要安装的文件夹 右击 选择 git Bash Here
---------git里面的 安装命令
1.vue create first(first是项目名字)
2.回车之后 出现
解释: 1.admin 是我第一次使用后留下来的 下次在创建项目就可以直接选择 第一次使用只有后面两个 没有第一个!
2.default 是默认的配置
3.Manually select features 是自己选择配置
*坑: 选择时 用键盘上的上下键 选择 如果不能选择(就是向右的箭头不能切换) 找到git的配置文件
看下图片上的路径 找到 bash.bashrc文件 用文本编辑器打开 在最下方添加 alias vue='winpty vue.cmd'
保存 在重新运行 git bash here就可以 选择了
4.选default 是直接就安装了 所以我选了Manually select features 做演示
选择哪个 就用上下键 移动到哪 按空格键 选中/取消选中 这上面是我随便选的,看自己需要选择
大意就是 你项目选择的配置:babel......等等;是否使用历史模式 选择y 就是使用历史模式(history)
话外题:历史模式的作用:就是localhost:8080/#/index 中的 #去掉了 (如果你是混合开发做移动端就不要选择!NO,我走过的坑,具体原因我忘了,,,鱼的记忆。。。只限当天(可能是我没有真正的理解吧))
别人那复制的:对于vue开发的单页面应用,我们在切换不同的页面的时候,可以发现html永远只有一个,这也真是称之为单页面的原因,而vue-router
默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。因为对于正常的页面来说,更换url一定是会导致页面的更换的, 而只有更换url中的查询字符串和hash值得时候才不会重新加载页面。 这里也就是这个道理。
router.js 里多了一句代码 mode:'history'
5.回车 我选的sass 因为个人喜欢 看大家咯
6.回车 图解:把配置文件保存在哪里 1.专用配置里 2.package.json里 看自己喜好选择
7.剩下的就不做解释了 百度翻译一下就好了
8.注意 3.0和2.0 运行方式不一样 2.0命令行是 npm run dev ; 3.0 是npm run serve
9.webstorm 在一开始没有显示 npm的快捷框 :找到项目里的 package.json文件 右击 选择 show npm scripts 就有了
PS:仅做自己参考记录的(怕忘了),写的简单 具体问题 请百度
更多推荐
所有评论(0)