创建Vue项目

这是本人第一次写文章,写的不好请收下留情.有什么不对的欢迎纠正......

写文章的念头是听取同事的建议而写,为的是重复学习有效学习,记录学习的新东西并且和大家分享

---

我在公司用的是vue进行开发的,开发的是后台管理类的东西,在这里从一开的创建项目开始整理!!!

创建Vue项目(我是看vue官网,跟着上面一步的一步穿件而成....因为当时年少无知走了很多弯路)

此方法使用命令进行安装(打开命令窗口简便方法:在任何目录都可以==>shift键加鼠标右击)

在目录下打开命令窗口之后的目录(直接在文件夹下面)

第一步是查看自己电脑有没有安装淘宝镜像(cnpm -v)查看(如果已安装请忽略)

安装：命令提示符执行npm install cnpm -g --registry=https://registry.npm.taobao.org；

 注意：安装完后最好查看其版本号cnpm -v或关闭命令提示符重新打开，安装完直接使用有可能会出现错误；

注：cnpm跟npm用法完全一致，只是在执行命令时将npm改为cnpm（以下操作将以cnpm代替npm）。

第二步安装vue项目

命令 cnpm install vue

第三步 全局安装 vue-cli

命令 cnpm install --global vue-cli

第二三步安装一次即可,以后再创建项目只需从下面的开始创建即可(因为第二三步已创建完成所以没有图)

第四步: 创建一个基于 webpack 模板的新项目(my-project是文件名,可根据需求自行创建)

命令  vue init webpack my-project

从这边开始只需要enter键就行了

需要注意的是下面这一步,千万要谨慎看自己需求!这个是严格模式,就是你书写代码的时候一定要按照它的格式去写.....不然就GG了

不想要严格模式的话直接输入N然后enter键就好了

第五步 安装依赖，走你(安装依赖要进入项目中安装才有用,  命令   cd my-project 进入项目开始安装)

命令 cnpm install

如果使用npm来安装的话,不仅慢有可能还会报错

这是使用npm 在我电脑上安装依赖的情况(第一次遇到这种情况时,怎么也找不到解决方法.最后还是机智的大脑灵光一现...哈哈哈哈哈哈)

最后一步就可以运行啦

命令  cnpm run dev或者cnpm run start

然后在浏览器中输入: http://localhost:8080 就可以看到自己的项目啦(我用的是3030端口号,因为8080和我自己的项目冲突了,所以.....)

这应该是大家所看到的

以后会经常的更新,把学到的新知识都分享给大家.....