1,如果是初学者,希望用Vue写一个简单的程序,可以引用Vue的Js即可。不需要使用VUE CLI构建工具。写好后部署在IIS下面即可。
开发环境:
最简单的,使用记录本即可。如果想体验好一点的编辑器,建议使用Sublime Text 或 Visual Studio Code
部署:
使用系统自带的IIS作为Web Server即可。请记得在生产环境下使用压缩后的版本 (vue.min.js
)
2,如果不是初学者,已了解了Vue的一些基础知识,可以通过Vue CLI的构建工具来创建一个DEMO来学习一下。毕竟,我们后期实践,用Vue CLI的可能性要大一些。
开发环境:
1,安装Nodejs的Msi 或 Exe安装包,安装方式参照:Node.js 安装配置 | 菜鸟教程
注意:NodeJs默认包含NPM(NPM主要通过一些命令,实现安装包的下载、安装,后面很多地方用得到),安装NodeJS另外一个用处就是Vue程序在开发时,需要预览时,利用NodeJS的Web Server功能。直接启动通过http://localhost:XXX/ 访问。
2,安装Vue
npm install vue
3,安装Vue CLI 脚手架
npm install -g @vue/cli
4,查看当前vue-cli的版本vue --version
或者vue --V
5,创建一个Vue项目:
以管理员身份打开命令行界面,进入任意一个想要创建项目的文件夹
输入:
vue create
my-project
6,启动
这个Vue创建的网站系统:
cd
my-project //进入项目目录
npm install
//安装
npm run serve //编译运行
* 开发过程中,建议使用Vue ui命令启动脚手架程序管理你的项目:
部署:
开发完成,需要部署到正式环境,可以先Build,生成dist目录,然后将dist目录内容拷贝到任意Web服务器下面即可。
命令:
cd my-project //进入目录
npm run build //编译,输出dist文件
生成好的静态文件在"/项目根目录/dist"目录下面。你可以将这个文件夹布在iis或apache、tomcat之类的任意Web服务器下面。