Vue项目搭建（一）

今天公司突然要写Vue项目，好久没用这个，感觉生疏不少，安利一波关于Vue项目搭建问题

1.安装Node呦，虽然不一定要会用，emmmm...小编也不熟的说，这个没有安装的可以去官网安装一下，傻瓜式安装就好

node -v

可以查看Node是否安装好，输出版本号即安装成功

2.安装git，这个直接到官网下载

git --version

输出版本号，即表示安装成功
3.新建项目文件夹demo，在git中通过cd命令进入文件夹

cd demo

4.安装npm淘宝镜像，点击进入官网

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

安装好依赖包之后，就可以用 cnpm 代替 npm

5.接下来安装VUE-CLI 脚手架

要安装新软件包，请使用以下命令之一。除非通过Node.js版本管理器在系统上安装了npm（例如n或nvm），否则您需要管理员特权才能执行这些操作。

npm install -g @vue/cli
# OR
yarn global add @vue/cli

一般选择第一条语句即可

扫描二维码关注公众号，回复： 7901305 查看本文章

6.运行这个Vue项目，在git 中执行命令

cnpm run dev

输出 http://localhost:8080/，即可表示运行成功,当然喽，这里用cnpm是安装淘宝镜像之后才能用的，如果出现80端口被占用的报错问题，可以在目录中的 config 文件夹中找到 index.js 文件，在module.exports中找到 port，这里修改即可，可以将80修改为81，然后再运行

小编送一个福利呦！！！

在运行 Vue 程序时，如果不想每次查看编译结果都要运行一遍，可以在上面找到的文件中找到 autoOpenBrowser 这个属性，默认为 false，改成true，这样在每次编码保存之后，自动运行

7.将代码上传到线上---要养成上传代码的好习惯

git add .
git commit -m'mssage’
git pull
git push

注意：在pull 完代码之后，记得注意看输出有没有代码冲突，然后再进行push，自己写代码一般没有冲突，如果是团队开发，要注意这点了。

今天就讲解到这里，小编第一次写文章，希望有前辈看到多加指点，感谢批评指教

Vue项目搭建（一）

猜你喜欢