一:在安装过脚手架和webpack后(只需要安装一次)先新建一个空白文件夹
二:在当前项目下打开命令窗口初始化一个基于webpack 的项目。项目名称为:vuedemo
运行vue init webpack vuedemo(vuedmeo为项目名称)
三:init项目时候遇到的坑:
然后会看到提示 ?project name (vuedemo) 一直直接回车即可
直到看到install vue-router?(y/n)输入Y
其他的全部N掉 ,当看到 To get started :。。。。时候,代表项目构建成功
四:切换到创建的项目的根目录下 运行 npm install 下载依赖
五:然后运行项目 用 npm run dev 当出现 http://localhost : 8081 (自己项目运行的端口号,不一定是这个))就成功了
六:在浏览器中 访问localhost:8081(自己项目运行的端口号) 即可看到界面
需要注意的:
1:在使用vue init webpack vuedeo1命令初始化项目的时候,记住只有路由的那个Y其他
的都是N。否则会把代码严格校验带上。这样的后果就是,你必须严格按照要求写。多个空
格、少个空格就会报错的
安装依赖到底指的什么:
即安装项目运行的环境 例如:项目开发中所要依赖的框架,比如用bootstrap要依赖jquery,
你得用bower下载jquery才能使用bootstrap的js插件,即安装项目运行所需要的css js 等文件
在引用UI框架的时候,要先安装UI框架,然后也要安装依赖