vue环境搭建

来源:互联网 发布:淘宝嘉年华时间 编辑:程序博客网 时间:2024/06/07 13:55

vue环境搭建

引言

对于搭建vue除了在网上查看他人写好的博客以外,比较好的方式是去查看vue的官网去查看安装方式: [ vue官网安装方法 ]

项目初始化步骤

1.首先要确保你的电脑上有安装node(通过node -v),vue-cli(通过vue -V)进行判断电脑上面是否安装。
2.到特定的目录执行: vue init webpack vue-test执行这条命令之后会出现下列选项:
Project name my-vue 你的项目的名字不需要改变就直接回车
Project description (A Vue.js project) 你的项目的描述
Author 作者
Install vue-router? (Y/n) 是否安装路由组件(通常一个vue项目路由组建的必不可少的,所以这里一般选择安装)
Use ESLint to lint your code? 是否使用ESLint来规范你的代码
Setup unit tests (Y/n) ? 是否使用unittest单元测试框架,如果这里不需要可以不必安装,以后有需要可以通过vue install name 来安装你所需要的
Setup e2e tests with Nightwatch?是否安装e2e单元测试框架,同上
执行完以上的步骤之后,你会发现会提示:
To get started:
cd my-vue
npm install
npm run dev


解决项目依赖

起始当你初始化好项目之后,已经提示你怎么去解决项目的依赖了,按照上面的方法解决依赖和启动项目即可:
使用npm install 下载相关依赖的包,使用 npm run dev 运行项目

原创粉丝点击